<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link rel="stylesheet" type="text/css" href="../themes/default/easyui.css">   
<link rel="stylesheet" type="text/css" href="../themes/icon.css">   
<script type="text/javascript" src="../jquery.min.js"></script>  
<script type="text/javascript" src="../jquery.easyui.min.js"></script> 
</head>

<body>

<div  id="diva" data-options="width:200,height:200,title:'zhanghao',iconCls:'icon-save'" class="easyui-panel"></div>

<div id="tt" class="easyui-tabs" style="width:500px;height:250px;" data-options="">   
    <div id="tab1" title="Tab1" style="padding:20px;">
        
            我是新的嵌入paneldsafadsfa,纯粹文字录入

    </div>   
    <div title="Tab2" data-options="closable:true" style="overflow:auto;padding:20px;">   
        <div id="dr" class="easyui-panel" data-options="border:true,fit:true" style=" width:100%; height:100%"></div>   
    </div>   
    <div title="Tab3" data-options="iconCls:'icon-reload',closable:true" style="padding:20px;display:none;">   
        tab3    
    </div>   
</div>  
按钮区域：<a id="btn01" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add'" onclick="test();">添加一个panel</a>  
<script language="javascript" type="text/javascript">

$('#dr').panel({
	href:'http://www.baidu.com',
	loadingMessage:'哥在努力加载中.....'
});



function test()
{
     $('#tt').tabs('add',{    
        title:'New Tab',    
        content:'Tab Body',    
        closable:true,    
        tools:[{    
             iconCls:'icon-mini-refresh',    
             handler:function(){    
                alert('refresh');    
             }    
        }]    
     });  
	//alert('hello world');
}
</script>
</body>
</html>
